﻿<div class="carousel">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><a href="/hotActivity.html"><img src="/static/images/million.png" alt=""></a></div>
            <div class="swiper-slide"><img src="/static/images/yuang.png" alt=""></div>
            <div class="swiper-slide"><img src="/static/images/carousel1.jpg" alt=""></div>
        </div>
        <div class="swiper-pagination"></div>
        <div class="swiper-button-prev swiper-button-white"></div>
        <div class="swiper-button-next swiper-button-white"></div>
    </div>
</div>
<script>
    var mySwiper = new Swiper('.swiper-container', {
        direction: 'horizontal',
        loop: true,
        autoplay: 3000,
        paginationClickable: true,
        pagination: '.swiper-pagination',
        nextButton: '.swiper-button-next',
        prevButton: '.swiper-button-prev',
        //- scrollbar: '.swiper-scrollbar',
    })
</script>